<template>
  <div class="odiv">
    <view class="navber">
      <view class="uni-navbar"></view>

      <view class="header">
        <view @click="toBack">
          <u-icon name="arrow-left" color="#fff"></u-icon><text>{{title}}</text>
        </view>
      </view>

    </view>
    <div class="adiv">
      
    </div>
    <div class="cdiv"></div>
  </div>
</template>

<script>
  export default {
    props: ['title'],
    methods: {
      toBack() {
        uni.navigateBack({
          delta: 1
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
  .navber{
     position: fixed;
     width: 100%;
     z-index: 10;
  }
  .header {
    width: 100%;
    view {
      padding-left: 20rpx;

      text {
        padding-left: 10rpx;
      }
    }
  }
  .adiv{
    width: 100%;
    height: var(--status-bar-height);
  }
  .cdiv{
    height: 70rpx;
  }
</style>
